﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>相簿</title>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"></link>
	<link href="../css/reset.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/common.css" rel="stylesheet" type="text/css"></link>
	<link href="../css/pxmain.css" rel="stylesheet" type="text/css"></link>
	<script type="text/javascript" src="../js/jquery/jquery.js"></script>
    <script type="text/javascript" src="../js/modernizr.js"></script>
	<!--[if IE 6]>
	<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a.js" ></script>
	<script type="text/javascript">
	DD_belatedPNG.fix('.user-setting,.zan-ico, .ico-hit, .ico-laud, .icon-downlowd, .icon-share,.show-wall .show-pager span ,.model-logo-one');
	</script>
	<![endif]-->
</head>
<body>
	<header class="site-nav fsm">
		<section class="site-menu lfloat">
			<i class="site-logo"></i>
			<ul class="lfloat">
				<li><a href="user-bf.html">天香国色</a></li>
				<li><a href="fashion-hub.html">时尚文化产业园</a></li>
				<li><a href="index.htm">模特行业协会</a></li>
                <li><a href="#">模特</a></li>
                <li><a href="#">主题活动</a></li>
			</ul>
		</section>
		<section class="site-tools rfloat pr mrs">
			<ul class=" site-menu rfloat">
				<li><a href="#">消息(2)</a></li>
				<li><a href="#">好友(3/123)</a></li>
				<li><a href="#">关注(6/223)</a></li>
				<li class="login-info">上午好,小美先生</li>
				<li class="user-setting"></li>
			</ul>
			<ul class="user-menu pa">
				<li class="user-home"><i></i><a href="#">个人主页</a></li>
				<li class="user-favorite"><i></i><a href="#">秘密收藏</a></li>
				<li class="user-data"><i></i><a href="#">档案资料</a></li>
				<li class="user-deal"><i></i><a href="#">我的交易</a></li>
				<li class="user-shop"><i></i><a href="#">我的店铺</a></li>
				<li class="setting"><i></i><a href="#">风格设置</a></li>
				<li class="exit"><i></i><a href="#">退&nbsp;&nbsp;出</a></li>
			</ul>
		</section>
	</header>
	<!----------------top 结束------------------->
    <section class="vip-headerbg">
        <div class="vip-header clearfix">
            <div class="vip-logo lfloat pr">
                <a href="#" class="vip-ico">
                    <img src="../images/demo/userPic1.jpg" alt="" />
                </a>
                <i class="icomore vipmore" style="bottom: 0;left: 50px;"></i>
                <div class="logo-more">
                
                </div>
            </div>
            <nav class="vip-nav lfloat">
            	<ul class="clearfix">
                	<li>
                    	<a href="#" class="b1">首页</a>
                    </li>
                    <li class="c1">
                    	<a href="#" class="b2">相簿</a>
                    </li>
                    <li>
                    	<a href="#" class="b3">中心</a>
                    </li>
                    <li>
                    	<a href="#" class="b4">圈子</a>
                    </li>
                </ul>
            </nav>
        </div>
    </section>
	<section id="page1" class="vipPic">
    	<section class="section vip-content clearfix">
            <article class="col-sub lfloat">
            	<section class="test-box">
                    <ul class="pic-sort">
                        <li class="crowd-pic"><a href="#"><i class="circle"></i>群内相册</a></li>
                        <li class="plaza-pic"><a href="#"><i class="circle"></i>广场相册</a></li>
                        <li class="blog-pic"><a href="#"><i class="circle"></i>博文配图</a></li>
                        <li class="thissort show-pic pr"><a href="#"><i class="circle"></i>名品展示</a><i class="vipmore"></i>
                        	<!--
                            <ul class="showSort">
                            	<li class="sort1">分类1</li>
                                <li class="sort1">分类2</li>
                                <li class="sort1">分类3</li>
                                <li class="sort1">分类4</li>
                                <li class="sort1">分类5</li>
                            </ul>
                            -->
                        </li>
                        <li class="show1-pic pr"><a href="#"><i class="circle"></i>秀场</a><i class="vipmore"></i>
                        	<!--
                            <ul class="show1Sort">
                            	<li class="sort1">分类1</li>
                                <li class="sort1">分类2</li>
                                <li class="sort1">分类3</li>
                                <li class="sort1">分类4</li>
                                <li class="sort1">分类5</li>
                            </ul>
                            -->
                        </li>
                    </ul>
                   
                </section>
            </article>
            <article class="col-main lfloat">
            	<figure class="main-wrap Album">
                    <h1 class="showPicTitle pr">
                    	名品展示
                        <span class="AlbumName">造型作品</span>
                        <div class="more-box inlineBlock">
                            <i class="vipmore"></i>
                            <div class="newSort pa">
                                <div class="GreyBox pr">
                                                    <div class="GreyBox-menu mvm">
                                                        <ul class="GBmenu-data">
                                                            <li class="GBmenu-editAlbum"><i></i>编辑专辑</li>
                                                            <li class="GBmenu-delAlbum"><i></i>删除专辑</li>
                                                        </ul>
                                                    </div>
                                </div>
                            </div>
                        </div>
                        <a href="#" class="showupload pa">上传照片</a>
                    </h1>
                    
                    <section class="albumData1">
                        <section class="pic-body mtl">
                            <ul class="albumPic-list clearfix">
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101303.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101304.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101305.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101306.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101307.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101308.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101309.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101310.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101311.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                                <li class="albumPic-detail">
                                	<div class="albumPicPT">
                                    	<a href="#" class="albumPicP pr">
                                        	<img src="../images/demo/101312.jpg" alt="" />
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </section>
                        <div class="showPicEdit-box">
                        
                        </div>
                    </section>
                    <section class="pic-body mtxxl">
                    <div class="commentTxt clearfix phxl pvs">
                        <form action="" method="post">
                            <textarea></textarea>
                            <div class="comment-ico lfloat"></div>
                            <div class="comment-submit rfloat mts">
                                <label><input type="checkbox" /> 转发给我的粉丝</label>
                                <button type="button">评论</button>
                            </div>
                        </form>
                    </div>
                    
                    	<div class="commentList1 clearfix">
                        	<div class="commentL lfloat">
                            	<a href="#" class="commentLpic">
                                	<img src="" alt="" />
                                </a>
                            </div>
                            <div class="commentR">
                            	<div class="friendComment">
                                    <strong>
                                        <a href="#" class="commentName">饿滴个神:</a>
                                    </strong>
                                    <div class="replyText inlineBlock">
                                        (评论了我的照片)
                                    </div>
                                    <div class="replyFrom mtm">
                                        <a href="#">牛奶会有滴，面包也会有滴！<span class="fromPic"></span></a>
                                    </div>
                                </div>
                                <div class="myreply mtl clearfix">
                                	<div class="myreplyL lfloat">
                                    	<a href="#"><img src="" alt="" /></a>
                                    </div>
                                    <div class="myrelyR">
                                    	<strong>
                                            <a href="#" class="commentName">我的回复:</a>
                                        </strong>
                                        <div class="replyFrom mtxs">
                                            是啊,myfriend,除非牛没了，那奶也就没了…………
                                        </div>
                                    </div>
                                </div>
                                <div class="replyinfo pr">
                                	<div class="replyCZ ar">
                                    	<a href="#" class="delReply">删除</a> | <a href="#" class="addReply">回复</a>
                                    </div>
                                    <div class="replyTB">
                                    	<textarea></textarea>
                                        <div class="comment-submit rfloat mts">
                                            <label><input type="checkbox"> 转发给我的粉丝</label>
                                            <button type="button">回复</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="commentList1 clearfix">
                        	<div class="commentL lfloat">
                            	<a href="#" class="commentLpic">
                                	<img src="" alt="" />
                                </a>
                            </div>
                            <div class="commentR">
                            	<strong>
                                	<a href="#" class="commentName">饿滴个神:</a>
                                </strong>
                                <div class="replyText inlineBlock">
                                	牛奶会有滴，面包也会有滴！
                                </div>
                                <div class="replyFrom mtm">
                                	<a href="#">评论了我的照片<span class="fromPic"></span></a>
                                </div>
                                <div class="replyinfo pr">
                                	<div class="replyCZ ar">
                                    	<a href="#" class="delReply">删除</a> | <a href="#" class="addReply">回复</a>
                                    </div>
                                    <div class="replyTB">
                                    	<textarea></textarea>
                                        <div class="comment-submit rfloat mts">
                                            <label><input type="checkbox"> 转发给我的粉丝</label>
                                            <button type="button">回复</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="commentList1 clearfix">
                        	<div class="commentL lfloat">
                            	<a href="#" class="commentLpic">
                                	<img src="" alt="" />
                                </a>
                            </div>
                            <div class="commentR">
                            	<strong>
                                	<a href="#" class="commentName">饿滴个神:</a>
                                </strong>
                                <div class="replyText inlineBlock">
                                	牛奶会有滴，面包也会有滴！
                                </div>
                                <div class="replyFrom mtm">
                                	<a href="#">评论了我的照片<span class="fromPic"></span></a>
                                </div>
                                <div class="replyinfo pr">
                                	<div class="replyCZ ar">
                                    	<a href="#" class="delReply">删除</a> | <a href="#" class="addReply">回复</a>
                                    </div>
                                    <div class="replyTB">
                                    	<textarea></textarea>
                                        <div class="comment-submit rfloat mts">
                                            <label><input type="checkbox"> 转发给我的粉丝</label>
                                            <button type="button">回复</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="commentList1 clearfix">
                        	<div class="commentL lfloat">
                            	<a href="#" class="commentLpic">
                                	<img src="" alt="" />
                                </a>
                            </div>
                            <div class="commentR">
                            	<strong>
                                	<a href="#" class="commentName">饿滴个神:</a>
                                </strong>
                                <div class="replyText inlineBlock">
                                	牛奶会有滴，面包也会有滴！
                                </div>
                                <div class="replyFrom mtm">
                                	<a href="#">评论了我的照片<span class="fromPic"></span></a>
                                </div>
                                <div class="replyinfo pr">
                                	<div class="replyCZ ar">
                                    	<a href="#" class="delReply">删除</a> | <a href="#" class="addReply">回复</a>
                                    </div>
                                    <div class="replyTB">
                                    	<textarea></textarea>
                                        <div class="comment-submit rfloat mts">
                                            <label><input type="checkbox"> 转发给我的粉丝</label>
                                            <button type="button">回复</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </section>
                </figure>
            </article>
        </section>
    </section>
	<footer id="footer" class="clearfix fcolor1">
			<ul class="footnav">
				<li><a href="#">关于品秀网</a> 　|&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">联系我们</a> 　|&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">商业合作</a>　 |&nbsp;&nbsp;&nbsp;</li>
				<li><a href="#">在线咨询</a></li>
			</ul>
			<div class="copyright rfloat ar">
				<p>品秀网@2011　增值电信业务经营许可证：粤B2-20110109</p>
			</div>
	</footer>
<script>
$(function(){
	$("a.addReply").click(function(){
		$(this).parent().siblings('.replyTB').slideToggle("slow");
		return false;
	})
})
</script>
</body>  
</html>